import 'package:flutter/material.dart';

class Widget_Row_Page extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text("Row"),
        ),
        body: Container(
          color: Colors.blue,
          height: 100.0,
          width: 300.0,
          child: Row(
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            crossAxisAlignment: CrossAxisAlignment.center,
            mainAxisSize: MainAxisSize.min,
            children: <Widget>[
              Container(
                width: 80.0,
                alignment: FractionalOffset.center,
                color: Colors.red,
                child: Text("Row组件",),
              ),
              Container(
                width: 80.0,
                color: Colors.red,
                child: Text("Row组件",),
              ),
              Container(
                width: 80.0,
                color: Colors.red,
                child: Text("Row组件",),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

/**
 * 行布局
 *
 * Row({
    Key key,
    //mainAxisAlignment主轴上的对齐方式
    //center：将children放置在主轴的中心；
    //end：将children放置在主轴的末尾；
    //spaceAround：将主轴方向上的空白区域均分，使得children之间的空白区域相等，首尾空白区域为children之间的1/2；
    //spaceBetween：将主轴方向上的空白区域均分，使得children之间的空白区域相等，首尾没有空白区域；
    //spaceEvenly：将主轴方向上的空白区域均分，使得children之间和收尾的空白区域相等；
    //start：将children放置在主轴的起点；
    MainAxisAlignment mainAxisAlignment = MainAxisAlignment.start,
    MainAxisSize mainAxisSize = MainAxisSize.max,//控住一行的高度，max：最大化主轴方向的可用空间；min：与max相反，是最小化主轴方向的可用空间；
    CrossAxisAlignment crossAxisAlignment = CrossAxisAlignment.center,//交叉轴上的对齐方式，baseline：children在交叉轴方向，根据baseline对齐，stretch：让children填满交叉轴方向，start,center,end.
    TextDirection textDirection,//阿拉伯语系的兼容设置，一般无需处理
    VerticalDirection verticalDirection = VerticalDirection.down,//定义了children摆放顺序,down：从left到right进行布局,up：从right到left进行布局
    TextBaseline textBaseline,
    List<Widget> children = const <Widget>[],
    })
 */
